<template>
  <el-card style="margin:20px">
    <el-input placeholder="请输入关键字" style="width:200px"></el-input>
    <el-button type="primary" style="margin: 20px;">搜索</el-button>
    <el-table border :data="tableData" style="width: 100%">
      <el-table-column align="center" type="index" label="id"></el-table-column>
      <el-table-column align="center" prop="date" label="申请日期" />
      <el-table-column align="center" prop="name" label="姓名" />
      <el-table-column align="center" prop="company" label="公司" />
      <el-table-column align="center" prop="address" label="是否实名" />
      <el-table-column align="center" prop="phone" label="联系方式" />
      <el-table-column align="center" prop="sex" label="性别" />
      <el-table-column align="center" prop="tip" label="备注" />
      <el-table-column align="center" prop="pass" label="审核详情" />
      <el-table-column align="center" prop="op" label="操作" width="300">
        <template>
          <el-button @click="handleClick(scope.row)" type="warning" size="small">编辑</el-button>
          <el-button @click="handleClick(scope.row)" type="danger" size="small">删除</el-button>
          <el-button type="primary" size="small">查看</el-button>
          <el-button type="success" size="small">用户授权</el-button>
        </template>
      </el-table-column>
    </el-table>
  </el-card>
</template>

<script>
export default {
  name: 'UserIndex',
  data() {
    return {
      tableData: [{
        date: '2016-05-02',
        name: '王小如',
        address: '是',
        phone: '131****8063',
        sex: '女',
        company: 'xxxx科技有限公司',
        pass:'通过',
        tip: '暂无备注信息'
      }, {
        date: '2016-05-04',
        name: '马小虎',
        address: '否',
        phone: '131****8063',
        sex: '女',
        company: 'xxxx科技有限公司',
        pass:'通过',
        tip: '暂无备注信息'
      },
      {
        date: '2016-05-01',
        name: '张小龙',
        address: '是',
        phone: '131****8063',
        sex: '女',
        company: 'xxxx科技有限公司',
        pass:'通过',
        tip: '暂无备注信息'
      },
      {
        date: '2016-05-01',
        name: '赵二',
        address: '是',
        phone: '131****8063',
        sex: '女',
        company: 'xxxx科技有限公司',
        pass:'失败',
        tip: '暂无备注信息'
      },
      {
        date: '2016-05-01',
        name: '马六',
        address: '否',
        phone: '131****8063',
        sex: '女',
        company: 'xxxx科技有限公司',
        pass:'失败',
        tip: '暂无备注信息'
      },
      {
        date: '2016-05-03',
        name: '王往',
        address: '是',
        phone: '131****8063',
        sex: '女',
        company: 'xxxx科技有限公司',
        pass:'失败',
        tip: '暂无备注信息'
      }]
    }
  }
}
</script>

<style lang="scss" scoped></style>
